<template>
	<view class="applicationBusiness">
<!-- 		<view class="txt">小程序商城</view>
		<view class="txt">推广人员招募</view> -->
		<view class="txt">成为业务员  佣金任你拿</view>
		<view class="con">
			<view class="list">
				<view class="title">-业务员特权-</view>
				<view class="txt1">成为业务员，邀请商户入驻可获得1000元以上佣金，上不封顶；</view>
				<view class="txt1">推广商城卖出商品，会获得相应的佣金。</view>
			</view>
			<view class="list">
				<view class="title">-申请业务员条件-</view>
				<view class="txt1">具备VIP会员条件</view>
				<view class="txt1">支付100元(可食用互动券支付)</view>
			</view>
			<view class="bot">立即申请</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataList:[{},{}]
			}
		},
		methods: {
			
		},
		onPullDownRefresh() {
			console.log('refresh');
			setTimeout(function() {
				uni.stopPullDownRefresh(); //结束下拉加载状态
			}, 1000);
		}
	}
</script>

<style scoped lang="scss">
	.applicationBusiness{
		width: 100%;
		min-height: 100vh;
		background-size: 100% auto;
		background-image: url(https://hdsq.aoorange.cn/attachment/xcx/icon/applicationBusiness_bg.png);
		.txt{
			font-size:34rpx;
			color:rgba(255,255,255,0.6);
			text-align: center;
			padding-top: 353rpx;
		}
		.con{
			width:690rpx;
			margin: 60rpx 30rpx;
			background:rgba(255,255,255,0.92);
			border-radius:12rpx;
			box-sizing: border-box;
			padding: 0rpx 40rpx 84rpx;
			.list{
				.title{
					font-size:36rpx;
					color:#EB5938;
					text-align: center;
					padding-top: 96rpx;
					font-style: italic;
					font-weight: bold;
				}
				.txt1{
					font-size:28rpx;
					font-weight:400;
					color:rgba(102,102,102,1);
					line-height:40rpx;
					margin-top: 20rpx;
				}
			}
			.bot{
				margin-top: 83rpx;
				width:600rpx;
				height:100rpx;
				line-height: 100rpx;
				background:rgba(255,191,10,1);
				border-radius:50rpx;
				text-align: center;
				color: #FFFFFF;
				font-size: 32rpx;
			}
		}
	}
</style>